<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文档页面</title>

    <!--公用css引用-->
    <?php include 'include/style.php';?>
    <!--END/公用css引用-->
    <link rel="stylesheet" href="../css/docCenter.css">
</head>
<body>

<!--公共头部-->
<?php include 'include/header.php';?>
<!--END/公共头部-->

<div class="inbox doc-center">
    <div class="layout-margin unend">
        <div class="sidebar-end"></div>
        <div class="sidebar-start">
            <?php include 'include/leftnav-doc.php';?>
        </div>

        <!--主体部分-->
        <div class="container">
            <div class="container-inner doc-wrap">
                <div class="ui-brd-box1">
                    <div class="doc-tit">
                        <span class="h">购物流程</span>
                    </div>

                    <div class="inner-wrap step-wrap">
                        <img src="../images/help/buy-step.jpg" alt="购物流程">
                        <!--<ul class="step-list ui-cols-7">
                            <li class="col">注册账号/登录</li>
                            <li class="col">查找商品</li>
                            <li class="col">放入购物车</li>
                            <li class="col">查找商品</li>
                            <li class="col">查找商品</li>
                            <li class="col">放入购物车</li>
                            <li class="col">查找商品</li>
                        </ul>-->
                    </div>

                    <div class="inner-wrap">
                        <div class="tit-1 tit-skin-3">
                            <span class="h"><span class="icon icon-roll">1</span>注册并登录网站</span>
                        </div>

                        <p class="text">1.新用户注册：点击首页顶部“注册”进入注册页面后输入邮箱地址、用户名、密码及验证码，按照提示完成注册。</p>
                        <p class="text">2.老用户登录：请在”登录网易邮箱账号 “页面输入登录账号、密码进行登录。</p>
                        <div class="fn-tc">
                            <img class="img" src="../images/help/login-1.png" alt="">
                        </div>
                    </div>

                    <div class="inner-wrap">
                        <div class="tit-1 tit-skin-3">
                            <span class="h"><span class="icon icon-roll">2</span>加入购物车</span>
                        </div>
                        <p class="text">1.挑选商品后，您可以“立即购买”或者“加入购物车”；</p>
                        <p class="text">2.在购物车中，系统默认每件商品的订购数量为1件，如果您想购买多件商品，可修改购买数量；</p>
                        <p class="text">3.在购物车中，您可以将商品单个或批量删除</p>

                    </div>

                    <div class="inner-wrap">
                        <div class="tit-1 tit-skin-3">
                            <span class="h"><span class="icon icon-roll">3</span>提交订单</span>
                        </div>
                        <p class="text">1.浏览要购买的商品，选择购买数量点击“立即购买”，直接结算；</p>
                        <p class="text">2.或者在购物车中，选择好商品及数量后“去结算”；</p>
                        <p class="text">3. 填写购物人信息，收货信息，使用优惠券等。</p>
                        <div class="fn-tc">
                            <img class="img" src="../images/help/login-1.png" alt="">
                        </div>

                    </div>

                    <div class="inner-wrap">
                        <div class="tit-1 tit-skin-3">
                            <span class="h"><span class="icon icon-roll">4</span>支付货款</span>
                        </div>
                        <p class="text">确认无误后点击“提交订单”，生成新订单并显示订单编号，跳转至支付选择页面选择支付方式。</p>
                        <div class="fn-tc">
                            <img class="img" src="../images/help/login-1.png" alt="">
                        </div>

                    </div>

                    <div class="inner-wrap">
                        <div class="tit-1 tit-skin-3">
                            <span class="h"><span class="icon icon-roll">5</span>查看订单状态</span>
                        </div>
                        <p class="text">您可进入“个人中心”→“我的订单”查看订单详细信息。</p>
                        <div class="fn-tc">
                            <img class="img" src="../images/help/login-1.png" alt="">
                        </div>

                    </div>

                    <div class="inner-wrap">
                        <div class="tit-1 tit-skin-3">
                            <span class="h"><span class="icon icon-roll">6</span>订单状态</span>
                        </div>
                        <p class="text">在“个人中心”→“我的订单”中您可以查看到您订单的状态。</p>
                        <p class="text">&nbsp;</p>
                        <p class="text">1. 等待付款</p>
                        <p class="text">当您提交订单但未支付货款时，订单状态将显示为等待付款。</p>
                        <p class="text">&nbsp;</p>
                        <p class="text">2. 已发货</p>
                        <p class="text">当您的订单已由库房发出，正由快递公司送货，“订单状态”将显示已发货。</p>
                        <p class="text">&nbsp;</p>
                        <p class="text">3. 交易成功</p>
                        <p class="text">当您签收商品之后，也就是物流得到签收完成后，“订单状态”即显示交易成功。</p>
                        <p class="text">&nbsp;</p>
                        <p class="text">4. 等待发货</p>
                        <p class="text">当您的订单已经完成配货，正在等待发货时，订单状态将显示“等待发货”。</p>
                        <p class="text">&nbsp;</p>
                        <p class="text">5. 订单关闭</p>
                        <p class="text">当您的订单已被关闭，订单状态将显示“订单关闭”。</p>
                        <p class="text">&nbsp;</p>
                        <p class="text">6. 交易失败</p>
                        <p class="text">当您支付后，商品未发货之前，如果您想取消订单，则后台客服可以将订单设为交易失败。</p>
                    </div>

                </div>

            </div>

        </div>
        <!--END/主体部分-->

    </div>
</div>

<!--公共尾部-->
<?php include 'include/footer.php'; ?>
<!--END/公共尾部-->

<!--公用js引用-->
<?php include 'include/script.php'; ?>
<!--END/公用js引用-->

<script>
    $(function(){
        $('.js-sidebar').on('click','.sidebar-tit',function(){
            $(this).closest('.js-sidebar').toggleClass('cur');
        }) ;
    });
</script>
</body>
</html>